<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>产品展示（官方网址：http//www.amaiti.com/cn）</title>
	<link rel="shortcut icon" href="Favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="Favicon.ico" type="image/gif" />
	<link rel="stylesheet" href="css/chanpin.css">
	<script src="js/functions.js"></script>
	<script src="js/animate.js"></script>
</head>
<body style="background:#eee4ec">
	
		<!-- 哈哈哈 开始 -->
<div class="ding">
	<img src="img/2016-07-22_154721.jpg" alt="">
</div>
<div class="dingdakuang">
	<div class="dingdaohang">
		<a href="index.html"><div class="dingdaohang1">首页</div></a>
		<a href="gongsi.html"><div class="dingdaohang1">公司简介</div></a>
		<a href="chanpin.html"><div class="dingdaohang1">产品展示</div></a>
		<a href="jidi.html"><div class="dingdaohang1">基地展示</div></a>
		<a href="xinwen.html"><div class="dingdaohang1">新闻动态</div></a>
		<a href="zhaopin.html"><div class="dingdaohang1">在线招聘</div></a>
		<a href="jiameng.html"><div class="dingdaohang1">招商加盟</div></a>
		<a href="liuyan.html"><div class="dingdaohang1">在线留言</div></a>
		<a href="lianxi.html"><div class="dingdaohang1">联系我们</div></a>
		<a href="index.html" target="blank"><div class="dingdaohang1">网上商城</div></a>
	</div>
</div>
<!-- 轮播 -->
<div class="banner">
	<img src="img/1.jpg" alt="">
	<img src="img/2.jpg" alt="">
	<img src="img/3.jpg" alt="">
</div>
<div class="tianbai"></div>



<!-- 内容开始 -->
<div class="zhongdakuang">
	<div class="zhongneikuang">
		<div class="zhongleft">
			<img src="img/2016-07-24_132854.jpg" alt="" class="leftimg1">
			<div class="leftdiv1">
				<a href="chanpin.html"><div class="leftdiv2">和田骏枣</div></a>
				<a href="xinjiang.html"><div class="leftdiv3">新疆特产</div></a><!-- 这儿没做 -->
			</div>
			<a href="lianxi.html"><img src="img/2016-07-24_134523.jpg" alt=""></a>
			<a href="liuyan.html"><img src="img/2016-07-24_134619.jpg" alt="" class="leftimg3"></a>
		</div>
		<div class="zhongright">
			<div class="rightdaohang">
				<img src="img/2016-07-24_135500.jpg" alt="" class="rightimg1">
				<div class="rightdiv1">产品展示</div>
				<div class="rightdiv2"><a href="index.html">首页</a>&nbsp;&nbsp;&gt;&nbsp;产品展示</div>
			</div>
			<div class="rightbai"></div>

			<div class="baotu1" style="opacity:1">
			<div class="tu1">
				<a href="ca.html"><img src="img/a.jpg" alt=""></a>
				<a href="cb.html"><img src="img/b.jpg" alt=""></a>
				<a href="cc.html"><img src="img/c.jpg" alt=""></a>
			</div>
			<div class="tu2">
				<a href="ce.html"><img src="img/d.jpg" alt=""></a>
				<a href="cd.html"><img src="img/e.jpg" alt=""></a>
				<a href="cf.html"><img src="img/f.jpg" alt=""></a>
			</div>
			</div>





			<div class="baotu1">
			<div class="tu1">
				<a href="cg.html"><img src="img/g.jpg" alt=""></a>
				<a href="ch.html"><img src="img/h.jpg" alt=""></a>
				<a href="ci.html"><img src="img/i.jpg" alt=""></a>
			</div>
			<div class="tu2">
				<a href="cj.html"><img src="img/j.jpg" alt=""></a>
				<a href="ck.html"><img src="img/k.jpg" alt=""></a>
				<a href="cl.html"><img src="img/l.jpg" alt=""></a>
			</div>
			</div>
			<div class="baotu1">
			<div class="tu1">
				<a href="ca.html"><img src="img/a.jpg" alt=""></a>
				<a href="cb.html"><img src="img/b.jpg" alt=""></a>
				<a href="cc.html"><img src="img/c.jpg" alt=""></a>
			</div>
			<div class="tu2">
				<a href="ce.html"><img src="img/e.jpg" alt=""></a>
				<a href="cd.html"><img src="img/d.jpg" alt=""></a>
				<a href="cf.html"><img src="img/f.jpg" alt=""></a>
			</div>
			</div>
			<div class="baotu1">
			<div class="tu1">
				<a href="cg.html"><img src="img/g.jpg" alt=""></a>
				<a href="ch.html"><img src="img/h.jpg" alt=""></a>
				<a href="ci.html"><img src="img/i.jpg" alt=""></a>
			</div>
			<div class="tu2">
				<a href="cj.html"><img src="img/j.jpg" alt=""></a>
				<a href="ck.html"><img src="img/k.jpg" alt=""></a>
				<a href="cl.html"><img src="img/l.jpg" alt=""></a>
			</div>
			</div>
			<div class="baotu1">
			<div class="tu1">
				<a href="ca.html"><img src="img/a.jpg" alt=""></a>
				<a href="cb.html"><img src="img/b.jpg" alt=""></a>
				<a href="cc.html"><img src="img/c.jpg" alt=""></a>
			</div>
			<div class="tu2">
				<a href="ce.html"><img src="img/e.jpg" alt=""></a>
				<a href="cd.html"><img src="img/d.jpg" alt=""></a>
				<a href="cf.html"><img src="img/f.jpg" alt=""></a>
			</div>
			</div>
			<div class="baotu1">
			<div class="tu1">
				<a href="cg.html"><img src="img/g.jpg" alt=""></a>
				<a href="ch.html"><img src="img/h.jpg" alt=""></a>
				<a href="ci.html"><img src="img/i.jpg" alt=""></a>
			</div>
			<div class="tu2">
				<a href="cj.html"><img src="img/j.jpg" alt=""></a>
				<a href="ck.html"><img src="img/k.jpg" alt=""></a>
				<a href="cl.html"><img src="img/l.jpg" alt=""></a>
			</div>
			</div>
			<div class="baotu1">
			<div class="tu1">
				<a href="ca.html"><img src="img/a.jpg" alt=""></a>
				<a href="cb.html"><img src="img/b.jpg" alt=""></a>
				<a href="cc.html"><img src="img/c.jpg" alt=""></a>
			</div>
			<div class="tu2">
				<a href="ce.html"><img src="img/e.jpg" alt=""></a>
				<a href="cd.html"><img src="img/d.jpg" alt=""></a>
				<a href="cf.html"><img src="img/f.jpg" alt=""></a>
			</div>
			</div>
		

		    <div class="biaoti">
		    	<div class="dianjidiyi">首页</div>
		    	<div class="dianjishang">上一页</div>
		    	<div class="shuzi">1</div>
		    	<div class="shuzi">2</div>
		    	<div class="shuzi">3</div>
		    	<div class="shuzi">4</div>
		    	<div class="shuzi">5</div>
		    	<div class="shuzi">6</div>
		    	<div class="shuzi">7</div>
		    	<div class="dianjixia">下一页</div>
		    	<div class="dianjizuihou">尾页</div>
		    	<div class="dijiye">第1/7页</div>
		    </div>
		</div>
	</div>
</div>



<!-- 底部 -->
<div class="dibudakuang">
	<div class="dibuneikuang">
		<img src="img/diw.jpg" alt="">
		<div class="dibuneirong">版权所有：阳泉市北山经济开发区阿买提新疆特产食品有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系人：朱经理&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;电话：0359-2481509&nbsp;&nbsp;13546698741</div>
		<div class="dibuneirong1">地址：阳泉市北山开发区后地沟&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;技术支持：龙采科技（阳泉）有限公司---百度山西地区营销服务中心（阳泉百度推广）（阳泉百度建设）</div>
		<div class="dibulianjie1"><a href="index.html" target="blank">阿买提特产网上商城官网</a></div>
		<div class="dibulianjie2"><a href="http://www.ik123.com/" target="blank">晋ICD备01225号</a></div>
		<img src="img/2016-07-23_153901.jpg" alt="" class="dibuimg1">
		<img src="img/2016-07-23_153837.jpg" alt="" class="dibuimg2">
	</div>
</div>


</body>
</html>
<script>
$(function(){
  // banner轮播
  var banner=$(".banner")[0];
  var img=$("img",banner);
  var num=0;
  var t=setInterval(move,3000);

  function move(){
    num++;
    if (num>img.length-1) {
    	num=0
    }
  	for (var i = 0; i < img.length; i++) {
  		   animate(img[i],{opacity:0},500)
  	}
    animate(img[num],{opacity:1},500)
  }

// 选项卡
var diyi=$(".dianjidiyi")[0];
var shang=$(".dianjishang")[0];
var xia=$(".dianjixia")[0];
var zuihou=$(".dianjizuihou")[0];
var shuzi=$(".shuzi");
var tupian=$(".baotu1");
// alert(tupian.length)
var bianliang;

for (var i = 0; i < shuzi.length; i++) {
	shuzi[i].index=i;
	shuzi[i].onclick=function(){
		bianliang=this.index;
		for (var j = 0; j < tupian.length; j++) {
			// tupian[j].style.display="none"
			animate(tupian[j],{opacity:0})
		}
		// tupian[this.index].style.display="block"
		animate(tupian[bianliang],{opacity:1})
	}


	// diyi.onclick=function(){
	// 	tupian[bianliang].style.opacity=0
	// 	tupian[0].style.opacity=1
	// 	// tupian[i].style.opacity="none"
	// }
	// zuihou.onclick=function(){
	// 	tupian[bianliang].style.opacity=0
	// 	tupian[6].style.opacity=1
	// 	// tupian[i].style.opacity="none"
	// }

	xia.onclick=function(){
		num++;
		if (num>tupian.length-1) {
			num=0
		};
		for (var j = 0; j< tupian.length; j++) {
			tupian[j].style.opacity=0
		}
		tupian[num].style.opacity=1
	}
	
	// 没做完
	shang.onclick=function(){
		var nu=6;
		nu--;
		if (nu<tupian.length-1) {
			nu=tupian.length-1
		};
		for (var j = 0; j< tupian.length; j++) {
			tupian[j].style.opacity=0
		}
		tupian[num].style.opacity=1
	}

}	



})
</script>